<html>
<head>
	<title>Demo 5 : Editor Styles</title>

<style type="text/css">
#myInstance1 {
        border: 2px dashed #0000ff;
}
.nicEdit-selected {
        border: 2px solid #0000ff !important;
}

.nicEdit-panel {
	background-color: #fff !important;
}

.nicEdit-button {
	background-color: #fff !important;
}

 @media  print {   
        .ptn   {display:block;}         
        .notptn   {display:none;}   
  }   
</style>

</head>
<body>

<div id="menu"></div>

<div id="intro">
<p>NicEdit instances and the panel can be styled using CSS classes to fit the look and feel of your site.</p>

</div>

<div id="sample">

<script src="js/callingCard.js" type="text/javascript"></script>
<script type="text/javascript">
	
     bkLib.onDomLoaded(function() {
          var myNicEditor = new nicEditor({buttonList : ['fontFamily','fontFormat','fontSize','forecolor','bold','italic','underline','strikeThrough','left','center','right','justify','image','removeformat']});
          myNicEditor.setPanel('myCardPanel');
          myNicEditor.addInstance('myInstance1');
     });


</script>

This is text above the Panel

<div id="myCardPanel" style="width: 400px;"></div>
<div id="main">
<div id="myInstance1" class="ptn" style="font-size: 16px;  padding: 3px; width: 320px;height: 180px;overflow:hidden;line-height:0.15em;">
hujia .ltd
</div>

</div>
<input type="button" value="提交" onclick="alert(document.getElementById('main').innerHTML);">
</body>
</html>
